<script type="text/javascript">
    function editTypeProductSec(MaLoaiSanPhamCap2)
    {
        $('#add').html('');
        $.ajax({
            type: "POST",              // Phương thức gởi đi
            url: "loaisanphamcap2_capnhat_ajax.php",          // File xử lý dữ liệu được gởi
            data: {'MaLoaiSanPhamCap2' : MaLoaiSanPhamCap2},            // Dữ liệu gởi đến cho url
            success: function(html){ // Hàm chạy khi dữ liệu gởi thành công
                $('#edit').html(html);
            }
        });
        $('#edit').slideDown(700);
    }
    function deleteTypeProductSec(MaLoaiSanPhamCap2, TenLoaiSanPhamCap2)
    {
        $.Zebra_Dialog
        (
            'Bạn muốn xóa loại sản phẩm cấp 2 <strong>' + TenLoaiSanPhamCap2 + '</strong> không?',
            {
            'type':     'question',
            'title':    'Thông báo',
            'width': 500,
            'buttons':
            [
                {caption: 'Đồng ý', callback: function() {
                        var form_data = {'MaLoaiSanPhamCap2' : MaLoaiSanPhamCap2};
       
                        $.ajax({
                            type: "POST",              // Phương thức gởi đi
                            url: "loaisanphamcap2_xoa_ajax.php",          // File xử lý dữ liệu được gởi
                            data: form_data,            // Dữ liệu gởi đến cho url
                            success: function(html) { // Hàm chạy khi dữ liệu gởi thành công
                                if(html == 'yes') //Xóa thành công
                                {
                                    //Thông báo thành công
                                    alert('Đã xóa loại sản phẩm ' + TenLoaiSanPhamCap2 + ' thành công!');
                                    $('.LoaiSanPhamCap2').flexReload();
                                }
                                else
                                {
                                    //Thông báo lỗi
                                    alert('Loại sản phẩm ' + TenLoaiSanPham2 + ' chưa được xóa!');
                                    $('.LoaiSanPhamCap2').flexReload();
                                }
                                
                            }
                        });
                    }
                },
                {caption: 'Hủy bỏ', callback: function() {}}
            ]
            }
        );
    }
</script>
<table class="LoaiSanPhamCap2" style="display:none"></table>
<script type="text/javascript">
    $(".LoaiSanPhamCap2").flexigrid({
        url: 'loaisanphamcap2_xml.php',
    	dataType: 'xml',
    	colModel : [
            {display: 'STT', name : 'STT', width : 40, align: 'right'},
    		{display: 'Mã Loại Sản Phẩm Cấp 2', name : 'MaLoaiSanPhamCap2', width : 140, sortable : true, align: 'center'},
    		{display: 'Tên Loại Sản Phẩm Cấp 2', name : 'TenLoaiSanPhamCap2', width : 160, sortable : true, align: 'left'},
            {display: 'Tên Loại Sản Phẩm Cấp 1', name : 'TenLoaiSanPhamCap1', width : 140, sortable : true, align: 'left'},
            {display: 'Tên Loại Sản Phẩm', name : 'TenLoaiSanPham', width : 125, sortable : true, align: 'left'},
            {display: 'Cập nhật', name : 'Sua', width : 50, align: 'center'},
            {display: 'Xóa', name : 'Xoa', width : 40, align: 'center'}
    		],
        buttons : [
            {
                name : 'Thêm',
                bclass : 'add',
                onpress : add
            },
            {
                separator : true
            }
            ],
    	searchitems : [
    		{display: 'Mã Loại Sản Phẩm Cấp 2', name : 'MaLoaiSanPhamCap2'},
    		{display: 'Tên Loại Sản Phẩm Cấp 2', name : 'TenLoaiSanPhamCap2', isdefault: true},
            {display: 'Tên Loại Sản Phẩm Cấp 1', name : 'TenLoaiSanPhamCap1'},
            {display: 'Tên Loại Sản Phẩm', name : 'TenLoaiSanPham'}
    		],
    	sortname: "TenLoaiSanPhamCap2",
    	sortorder: "DESC",
    	usepager: true,
    	title: 'Danh sách loại sản phẩm cấp 2',
    	useRp: true,
    	rp: 5,
        rpOptions: [5, 10, 15, 20],
    	showTableToggleBtn: true,
    	width: 783,
    	height: 170
    });
    function add(com)
    {
        if (com == 'Thêm')
        {
            $('#edit').html('');
            $.ajax({
                type: "POST",              // Phương thức gởi đi
                url: "loaisanphamcap2_them.php",          // File xử lý dữ liệu được gởi
                data: '',            // Dữ liệu gởi đến cho url
                success: function(html){ // Hàm chạy khi dữ liệu gởi thành công
                    $('#add').html(html);
                }
            });
            $('#add').slideDown(700);
        }
    }
</script>
<div id="add"></div>
<div id="edit"></div>